<!doctype html>
<html>
<head>
    <title>我的团队</title>

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link href="bitStyle/skin/font-awesome.css" rel="stylesheet" type="text/css"><!--字体图标-->
    <link href="bitStyle/skin/public.css" rel="stylesheet" type="text/css"><!--默认共用样式-->
    <script src="bitStyle/skin/jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="/bitStyle/skin/main.css">
    <link rel="stylesheet" href="/bitStyle/skin/swiper.min.css">
    <script src="bitStyle/skin/swiper.min.js"></script>
    <link href="bitStyle/skin/page_style.css" rel="stylesheet" type="text/css"><!--页面所需样式-->

    <style type="text/css">

        /* 用户绑定拨动框架 */
        .my-pagination .swiper-pagination-bullet { text-align: center; border-radius: 0; opacity: 1; }
        .my-pagination ul { display: -webkit-box; }
        .my-pagination li { display: block; background: #fff; overflow: hidden; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; height: 40px; line-height: 40px; position: relative; font-size: 15px; }
        .my-pagination li:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 1px; content: ''; background-color: #dcdcdc; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(.5) }
        .my-pagination .swiper-pagination-bullet-active { color: #21a4f4; }
        .my-pagination .swiper-pagination-bullet-active:after { opacity: 1; background-color: #21a4f4; height: 4px; }


        /* 用户绑定 */
        .user_zc_body { margin: 0px auto; overflow: hidden; background: #fff; }
        .user_zc_body ul { margin: 0 20px; overflow: hidden; }
        .user_zc_body li { background: #fff; overflow: hidden; padding: 10px 0; position: relative; }
        .user_zc_body li:last-child { margin-bottom: 0; }
        .user_zc_body li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #dcdcdc; -webkit-transform: scaleY(.5); }
        .user_zc_body .p_input { padding-left: 40px; position: relative; }
        .user_zc_body .p_input input { width: 100%; padding: 0; margin: 0; height: 40px; color: #444; font-size: 15px; }
        .user_zc_body .p_input em { position: absolute; left: 0; top: 0; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #6ecb09; font-size: 16px; }
        .user_zc_body .p_wjmm { margin: 20px; text-align: right; }
        .user_zc_body .p_input_sm { padding-right: 50px; }
        .user_zc_body .p_input_sm .sp_btn { display: inline-block; position: absolute; right: 5px; top: 5px; z-index: 1; width: 40px; height: 30px; line-height: 30px; text-align: center; background: #f4f4f4; color: #666; border-radius: 4px; font-size: 12px; }
        .user_zc_body .p_input_sm .sp_btn i { font-size: 24px; margin-top: 4px; line-height: 32px; }
        .user_zc_body .p_input_yzm { padding-right: 90px; }
        .user_zc_body .p_input_yzm .sp_btn { display: inline-block; position: absolute; right: 5px; top: 5px; z-index: 1; width: 80px; height: 30px; line-height: 30px; text-align: center; background: #288eff; color: #fff; border-radius: 4px; font-size: 12px; }
        .user_zc_body .p_input_yzm .sp_btn:active { background: #2686ef; }
        .user_zc_body .p_input_yzm .sp_btn_dx { right: 70px; }
        .user_zc_body .p_input_yzm .sp_btn.no_hit { color: #bbb; }
        .user_wj_pw { overflow: hidden; padding: 0 10px; }
        .user_zc_btn { padding: 20px; overflow: hidden; background: #fff; }
        .user_zc_btn .p_btn { overflow: hidden; }
        .user_zc_btn .p_btn a { display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; font-size: 16px; }
        .user_zc_btn .p_btn a.c_1 { background: #f15145; }
        .user_zc_btn .p_btn a.c_1:active { background: #e44d41; }
        .user_zc_btn .p_btn a.c_2 { background: #00cfbe; }
        .user_zc_btn .p_btn a.c_2:active { background: #00c3b3; }
        .user_zc_btn .p_btn a.c_3 { background: #288eff; }
        .user_zc_btn .p_btn a.c_3:active { background: #2686ef; }
        .user_zc_btn .p_btn a.c_4 { background: #6ecb09; }
        .user_zc_btn .p_btn a.c_4:active { background: #66bc08; }

        html{font: 100 6.67vw/150% -apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft Yahei',sans-serif; color: #333;}
        .swiper-pagination-bullet{width: 50%;}
    </style>
</head>
<body ontouchstart style="">
<div class="wrapper">
    <script>
    function back(){
        window.history.back();
    }
</script>
<style>
    .wrapper .mystyle{background-color:#6AA84F;text-align: center;font-weight: bold; color: #ffffff;
        padding: .4rem 3%; width: 94%; }
    .wrapper .mystyle img{float: left;  height: 100%; }
    .wrapper .notice,.article ,.joinfb,.w33,.my-friend001,.ljjcjj,.pt20,.swiper-container,.myforget,.myreg{margin-top: 1.8rem;}

    .weixin-set,.ewm{margin-top: 2.6rem;}
    .my-money001{margin-top: 2.2rem;}

</style>
<div class="header mystyle"><img onclick="back();" src="bitStyle/skin/back.png">人脉圈</div>


</div>
<div class="swiper-container">
    <div style="width: 100%;height: 1.8rem;line-height: 1.8rem; font-size:.7rem;text-align: center;color: #687f92">团队总人数：7</div>
    <div class="my-pagination"><ul class="my-pagination-ul"></ul></div>
    <div class="swiper-wrapper">

        <div class="swiper-slide">
            <div class="user_zc_body">
                <ul>
                    <li>
                            <p class="p_input "><em class="fa fa-user"></em><input type="text" placeholder="15361822832    收益：￥0" disabled> </p>
                        </li>                </ul>
            </div>
        </div>

        <div class="swiper-slide">
            <div class="user_zc_body">
                <ul>
                    <li>
                            <p class="p_input "><em class="fa fa-user"></em><input type="text" placeholder="15967653921    收益：￥0" disabled> </p>
                        </li><li>
                            <p class="p_input "><em class="fa fa-user"></em><input type="text" placeholder="17634726483    收益：￥0" disabled> </p>
                        </li>                </ul>
            </div>
        </div>
    </div>
</div>

<script>
    var mySwiper = new Swiper('.swiper-container',{
        pagination: '.my-pagination-ul',
        paginationClickable: true,
        paginationBulletRender: function (index, className) {
            switch (index) {
                case 0: name='一级团队';break;
                case 1: name='二级团队';break;
                default: name='';
            }
            return '<li class="' + className + '">' + name + '</li>';
        }
    })
</script>
</body>
</html>